<template>
  <div class="left-nav" v-loading.fullscreen.lock="fullScreenLoading">
    <el-col class="bg-nav-dark" :span="4">
      <el-menu theme="dark" default-active="" class="el-menu-vertical-demo"
               @select="toLinkPage"
               @open="toLinkPage"
               @close="toLinkPage"
      >

        <!---首页---->
        <el-menu-item index="index">
          <i class="el-icon-picture"></i>首页
        </el-menu-item>
        <el-submenu index="management-stop">
          <template slot="title">
            <i class="iconfont icon-dianpuguanli"></i>商户管理
          </template>
        <!---商家管理---->
        <el-menu-item index="query-list">
            <i class="iconfont icon-dianpuguanli"></i>商家管理
        </el-menu-item>
        <el-menu-item index="add-vendor">创建商家</el-menu-item>
        <!---店铺管理---->
          <el-menu-item index="storeManage"><i class="iconfont icon-shangjiaguanli"></i>店铺管理</el-menu-item>
          <el-menu-item index="storeManage">店铺管理</el-menu-item>
          <el-menu-item index="createstore">创建店铺</el-menu-item>
        </el-submenu>

        <!---奢侈品商品---->
        <el-submenu index="luxuryProduct-stop">
          <template slot="title"><i class="iconfont icon-shangjiaguanli"></i>奢侈品管理</template>
          <el-menu-item index="luxuryGoodsSearchList">商品管理</el-menu-item>
         <!--  <el-menu-item index="luxuryGoodsManagerCategory">规格管理</el-menu-item> -->
          <el-menu-item index="luxuryGoodsManagerCategory">分类管理</el-menu-item>
        </el-submenu>


         <!---餐饮商品---->
        <el-submenu index="resturantProduct-stop">
          <template slot="title"><i class="iconfont icon-shangjiaguanli"></i>餐饮管理</template>
          <el-menu-item index="restaurantGoodsSearchList">商品管理</el-menu-item>
        <!--   <el-menu-item index="restaurantCategory">规格管理</el-menu-item> -->
          <el-menu-item index="restaurantCategory">分类管理</el-menu-item>
        </el-submenu>

        <!---订单管理---->
        <el-submenu index="orderManager-stop">
          <template slot="title"><i class="iconfont icon-shangjiaguanli"></i>订单管理</template>
          <el-menu-item index="luxuryOrderSearchList">奢品订单</el-menu-item>
          <el-menu-item index="restaurantOrderSearchList">餐饮订单</el-menu-item>
          <el-menu-item index="offlineOrderSearchList">线下订单</el-menu-item>
          <!-- <el-menu-item index="luxuryOrderSearchList">电影订单</el-menu-item>
          <el-menu-item index="luxuryOrderSearchList">机票订单</el-menu-item> -->
        </el-submenu>
        
        <el-menu-item index="customerSearchList">会员管理</el-menu-item>
        <!---员工管理---->
     <!--    <el-submenu index="employe-stop">
          <template slot="title"><i class="iconfont icon-shangjiaguanli"></i>员工管理</template>
          <el-menu-item index="storeManage">员工查询</el-menu-item>
        </el-submenu> -->

        <el-menu-item index="productAttributeSearchList">属性管理</el-menu-item>
        <el-menu-item index="brandSearchList">品牌管理</el-menu-item>

      </el-menu>
    </el-col>
  </div>
</template>

<script>
  export default{
    data () {
      return {
        fullScreenLoading: false,
        vendorListTableData: null
      }
    },
    methods: {
      toLinkPage (key, keyPath) {
        if (key.indexOf('-stop') === -1) {
          this.$router.push('/' + key)
        }
      }
    }
  }
</script>

<style lang="less" scoped>
  .bg-nav-dark {
    background: #324157;
    min-height: 700px;
  }
</style>
